<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>苗友通-发布列表</title>
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/tanchuang.css">
    <style>
        .content{width: 100%}
        .content>li{width: 7.1rem;padding: 0 0.2rem;border-bottom: 1px solid #ccc;}
        .content>li .tupian{width: 1.6rem;float: left;padding-top: 0.3rem;}
        .content>li .tupian img{width: 1.6rem;height: 1.6rem;display: block}
        .content>li .xinxi{width: 3.85rem;float: left;padding: 0.15rem 0 0.25rem 0.4rem}
        .xinxi p{height: 0.56rem;line-height: 0.56rem;font-size: 0.26rem;}
        .xingtai{width: 1.2rem;}
        .content>li .caozuo{width: 1.25rem;float: left;padding-top: 0.88rem;}
        .caozuo a{display: block;width: 1.25rem;height: 0.6rem;background: #52cd96;border-radius: 0.08rem;color: #fff;font-size: 0.26rem;line-height: 0.6rem;text-align: center}
        .tihuan,.tihuanchenggong{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;left: 0;top: 0;display: none}
        .tihuancont,.tihuanchenggongCont{background: #fff;width: 5.6rem;margin: 2.4rem auto;border-radius: 0.08rem;}
        .tihuancont p,.tihuanchenggongCont p{font-size: 0.3rem;text-align: center;line-height: 0.4rem;padding-top: 0.34rem;padding-bottom: 0.34rem;border-bottom: 1px solid #ccc;}
        .tihuanchenggongCont a{width: 100%;display: block;height: 1rem;font-size: 0.36rem;text-align: center;line-height: 1rem}
        .tihuancaozuo a{width: 2.79rem;display: block;float: left;height: 1rem;line-height: 1rem;font-size: 0.36rem;text-align: center;border-right: 0.01rem solid #ccc;}
        .tihuancaozuo a:hover,.tihuanchenggongCont a:hover{color: #52cd96}
    </style>
    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script src="../../js/resize.js"></script>
    <script>
        $(window).ready(function(){
            resetFont();
        });
        $(window).resize(function(){
            resetFont();
        });
        $(function(){
            $('.caozuo').each(function(){

                $(this).find('a').click(function(){

                    $('.tihuan').show();
                })
            });
            $('.tihuan').click(function(){

                $(this).hide();
            });
            $('.tihuancont').click(function(){
                e.stopPropagation();
            });
        })



    </script>
</head>
<body>
<ul class="content">

    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
    <li class="clearfix">
        <div class="tupian"><img src="../../images/ban.png" alt=""></div>
        <div class="xinxi">
            <p>品种：<span>法桐</span></p>
            <p>供应数量：<span>100</span></p>
            <p>形态：<span class="xingtai">独杆</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高度：<span>5CM</span></p>
            <p>苗源地：<span>河北省保定市</span></p>
        </div>
        <div class="caozuo"><a href="javascript:void(0)">替换</a></div>
    </li>
</ul>
<div class="tanchuang none">
    <div class="tanchuangCont">
        <div class="tipmess nohhasp">
            <p>发布已满8个位置 <br>
                请选择一个位置替换或 <br>
                花费100金币购买一个位置</p>
        </div>
        <div class="decsion clearfix twobtn">
            <a href="javascript:void(0);" class="no">替换</a>
            <a href="javascript:void(0);" class="yes">购买</a>
        </div>
    </div>
</div>
<div class="tanchuang none">
    <div class="tanchuangCont">
        <div class="tipmess">
            <h3>发布成功！</h3>
        </div>
        <div class="onebtn">
            <a class="sure" href="javascript:void(0);">确定</a>
        </div>
    </div>
</div>
</body>
</html>